<!DOCTYPE html>
<html>

<head lang='zh'>
	<meta charset='utf-8'>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0" />
	<title>Luckysheet</title>


	<link rel='stylesheet' href='./plugins/css/pluginsCss.css' />
	<link rel='stylesheet' href='./plugins/plugins.css' />
	<link rel='stylesheet' href='./css/luckysheet.css' />
	<link rel='stylesheet' href='./assets/iconfont/iconfont.css' />
	<script src="./plugins/js/plugin.js"></script>

	<!-- rollup luckysheet.js -->
	<script src="./luckysheet.umd.js"></script>
</head>

<body>
	<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;">
	</div>
	<script type="module">
		$(function () {

			luckysheet.create({
				container: 'luckysheet',
				data: [ {  // First priority
				"index": 0, // shell's index
				"status": 1, // this is activity shell
				"row": 36, // how many cells in each row
				"column": 18, // how many cells in each column
				"defaultRowHeight": 16, // each cell's height
				"defaultColWidth": 66, // each cell's width
				"scrollLeft": 0, // init position of scrollX
				"scrollTop": 0, // init position of scrollY
				"zoomRatio":2, // 缩放比例
				"config": {
					"merge":{
						"2_2": {"r": 2,"c": 2,"rs": 2, "cs": 2 }
					}, //合并单元格
					"rowlen":{"0": 30,}, //表格行高
					"columnlen":{"3": 130,}, //表格列宽
					"rowhidden":{}, //隐藏行
					"colhidden":{}, //隐藏列
					"borderInfo":{}, //边框
					"authority":{}, //工作表保护
				},
				"celldata": [
				{
					"r": 0,
					"c": 0,
					"v": {
						"m": "abcd",
						"v": "abcd",
						"bg": "rgba(255,255,0)",
						"fc": "rgba(255, 0, 255)",
						"fs": 6,
						"it": 1,
						"bl": 1,
						"cl": 1,
						"un": 4,
						"ht": 0,
						"vt": 0
					}
				},
				{
					"r": 0,
					"c": 1,
					"v": {
						"m": "abcd",
						"v": "abcd",
						"bg": "rgba(255,255,0)",
						"fc": "rgba(255, 0, 255)",
						"fs": 7,
						"ht": 0,
						"vt": 0
					}
				},
				{
					"r": 1,
					"c": 1,
					"v": {
						"bg": "rgba(0,255,255)",
						"it": 0,
						"ff": 0,
						"fs": 11,
						"fc": "rgb(51, 51, 51)"
					}
				},
					{
						"r": 2,
						"c": 2,
						"ct": {
							"fa": "General",
							"t": "g"
						},
						
						"v":{"v": "merge cell","mc": { //合并单元格必备属性
							"r": 2, //主单元格的行号
							"c": 2, //主单元格的列号
							"rs": 2, //合并单元格占的行数
							"cs": 2 //合并单元格占的列数
						}}
					},
					{
						"r": 3,
						"c": 2,
						"v":{"mc": { //合并单元格必备属性
							"r": 2, //主单元格的行号
							"c": 2, //主单元格的列号
						}}
					},
					{
						"r": 2,
						"c": 3,
						"v":{"mc": { //合并单元格必备属性
							"r": 2, //主单元格的行号
							"c": 2, //主单元格的列号
						}}
					},
					{
						"r": 3,
						"c": 3,
						"v":{"mc": { //合并单元格必备属性
							"r": 2, //主单元格的行号
							"c": 2, //主单元格的列号
						}}
					},
				{
					"r": 12,
					"c": 12,
					"v": {
						"m": "36*18",
						"v": "36*18",
						"bg": "rgba(255,255,0)",
						"it": 0,
						"ff": 0,
						"fs": 11,
						"fc": "rgba(255, 00, 255)"
					}
				},
				{
					"r": 16,
					"c": 16,
					"v": {
						"m": "lmnopqrst",
						"v": "lmnopqrst",
						"bg": "rgba(255,255,0)",
						"it": 0,
						"ff": 0,
						"fs": 11,
						"fc": "rgb(51, 51, 51)"
					}
				}
				], 
				}], 
			})

		})
	</script>
</body>

</html>